﻿@model XT.Model.Room_List
@{
    ViewBag.Title = "About";
    Layout = "~/Views/Global/Layout.cshtml";
}

<script src="/Scripts/Host/Rooms.js" type="text/javascript"></script>

<div class="hero1" style="background-image: url('/Images/q1.jpg'); background-size: 100% auto">


    <div class="backblack"></div>
    <div class="row">
        <a href=' @Url.Action("Index", "Host", new { id = Model.Id })' class="hostimg">
            <img class="houseavaimg" src="/Images/ava.jpg" />

        </a>
    </div>

    <div class="hostIntro">
        <p class="hostname1">
            Hey,I'm @Model.Account.Account_Name
        </p>
        <p>
            @Model.Account.Account_About
        </p>
    </div>
    <div class="hostabout">
        @Html.ActionLink("THÔNG TIN", "About", new { id = @Model.Account.Id })
    </div>
    <div class="hostroomlist">
        @Html.ActionLink("NHÓM PHÒNG", "RoomList", new { id = @Model.Account.Id })
    </div>
    @*       <div class="hostphotolist">
                <p>PHOTOS</p>
            </div>*@
</div>
<div style="background-color: rgb(229, 229, 229); padding-top: 20px">
    <div class="container">

        <div class="accountlistroom" style="margin-top: 30px">
            <div class="row">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title" style="font-size: 25px; font-weight: bold">Danh sách phòng trọ</h3>
                        <div class="addphoto">
                            <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span>Thêm phòng trọ</button>
                        </div>
                    </div>
                </div>

            </div>
            <div class="row" style="margin-top: -10px">
                @foreach (XT.Model.Room room in Model.Rooms)
                {
                    @Html.Partial("../Global/RoomContainer", room)
                }
            </div>
        </div>
    </div>
</div>
